<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/home/bookshelf.css" />
	</head>

	<body style="display:none">
		<header class="mui-bar mui-bar-nav">
			<div class="main_seach">
				<div class="seach_buttom">我的书架</div>
				<div class="seach_inp">
					<div class="mui-icon mui-icon-search "></div>
					<input type="" class="seach_val" placeholder="请输入你想要的资源" />
				</div>

			</div>
		</header>
		<!--<div class="mui-content">
			<div id="slider" class="mui-slider">
				<div class="nav">
					<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
						<a class="mui-control-item mui-active" href="#item1mobile">
							全部
						</a>
						<a class="mui-control-item" href="#item2mobile">
							正在读
						</a>
						<a class="mui-control-item" href="#item3mobile">
							未开始
						</a>
						<a class="mui-control-item" href="#item4mobile">
							已读
						</a>
					</div>
					<div id="sliderProgressBar" class=" mui-col-xs-4">
						<div></div>
					</div>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<iframe src="../stacks/mybookshelf.html" width="" height=""></iframe>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<iframe src="../stacks/ReadingNow.html" width="" height=""></iframe>
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<iframe src="../stacks/NotBegin.html" width="" height=""></iframe>
					</div>
					<div id="item4mobile" class="mui-slider-item mui-control-content">
						<iframe src="../stacks/Read.html" width="" height=""></iframe>

					</div>
				</div>
			</div>
		</div>-->
		<div id="offCanvasContentScroll" class="main mui-scroll-wrapper mui-content">
			<div class="mui-scroll">
				<div class="line">
					<div class="bookdata" v-for="books in books" :bookid="books.bookId" :bookuid="books.bookUid">
						<div class="remove"></div>
						<div class="remove_text">删除</div>
						<div class="book"><img :src="books.bookPic" /></div>
						<div class="bookname">{{books.bookName}}</div>
					</div>
				</div>
			</div>
		</div>
		<div class="emptys">
			<iframe src="../stacks/empty.html" class="empty"></iframe>
		</div>
		
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/common/common.js"></script>
		<script src="../../js/stacks/mybookshelf.js"></script>
	</body>

</html>